<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>${channel.title!channel.name} - ${site.name}</title>
    <link href="/${res}/css/prettyPhoto.css" rel="stylesheet">
    <link href="/${res}/style.css" rel="stylesheet">
    <link href="/${res}/css/color.css" rel="stylesheet">
    <link href="/${res}/css/responsive.css" rel="stylesheet">
    <script src="${resSys}/jquery.js" type="text/javascript"></script>
    <script src="${resSys}/front.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            Cms.checkPerm("${base}", "${content.id}");
            Cms.collectCsi("${base}", "collectCsiDiv", "collect_csi", "${content.id}");
            Cms.attachment("${base}", "${content.id}", "${content.attachments?size}", "attach");
            Cms.viewCount("${base}", "${content.id}");
            Cms.siteFlow("${base}", location.href, document.referrer, "${site.config.flowSwitch?string}");
        });
    </script>

</head>

<body>

<div class="gt_wrapper">
    [#include "../include/nav.html"/]

    <div class="gt_sub_banner_bg default_width">
        <div class="container">
            <div class="gt_sub_banner_hdg  default_width">
                <h2>${channel.name!}</h2>
            </div>
        </div>
    </div>
    [#include "../include/location.html"/]

    <div class="gt_content_wrap">
        <section class="gt_courses_bg" style="padding: 30px 0px;">
            <div class="container">
                <div class="row">
                    <div class="col-md-9">
                        <h1 class="wenku_title">
                            [#if content.fileSuffix??]
                            [#if content.fileSuffix="doc"||content.fileSuffix="docx"||content.fileSuffix="wps"]<img src="/${res}/images/word.gif">[/#if]
                            [#if content.fileSuffix="ppt"||content.fileSuffix="pptx"]<img src="/${res}/images/PPT.gif">[/#if]
                            [#if content.fileSuffix="pdf"]<img src="/${res}/images/PDF.gif">[/#if]
                            [/#if]
                            ${content.title!}</h1>
                        <div class="wenku_inf">上传于 ${content.releaseDate?string("yyyy-MM-dd")}<i>|</i>评分 ${content.avgScore!}<i>|</i><span id="views"></span>人阅读<i>|</i><span id="downloads"></span>次下载</div>
                        [#if content.description??]<div class="wenku_des">${content.description!}</div>[/#if]
                        <div class="wenku_con ">
                            <iframe src="${base}/thirdparty/pdfjs/web/viewer.html?file=${swfPath!}" id="iframepage" width="100%" height="700px" frameborder="0" scrolling="no"></iframe>
                        </div>
                        <div class="wenku_bottom">
                            <p>下载本文需要使用<span>${content.downNeed!}财富值</span></p>
                            <div class="wenku_btn">
                                <a class="wenku_collect" id="collectCsiDiv"></a>
                                <a href="${base}/downdoc.jspx?contentId=${content.id}" class="wenku_download">下载</a></div>
                        </div>
                        <!--Comment Wrap Start-->
                        [#include "inc_comment_list.html"/]
                        <!--Comment Wrap End-->
                        <!--Add Acomment Wrap Start-->
                        [#include "inc_comment_input.html"/]
                        <!--Add Acomment Wrap End-->
                    </div>
                    <div class="col-md-3">
                        <div class="gt_resp_margn default_width">
                            [#include "../include/doc_left.html"/]
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    [#include "../include/footer.html"/]


</div>

<!--Bootstrap core JavaScript-->
<script src="/${res}/js/bootstrap.min.js"></script>
<!--Pretty Photo JavaScript-->
<script src="/${res}/js/jquery.prettyPhoto.js"></script>
<!--Custom JavaScript-->
<script src="/${res}/js/custom.js"></script>

</body>
</html>
